import React from 'react';
import { Spin } from 'antd';
import { useTranslation } from 'react-i18next';

export const LoadingSpinner: React.FC = () => {
  const { t } = useTranslation();

  return (
    <div className="flex items-center justify-center h-full min-h-[200px]">
      <Spin size="large">
        <div className="p-12 text-gray-400">
          {t('common.loading')}
        </div>
      </Spin>
    </div>
  );
};